JS的AJAX请求小示例(请求唯美girl网页~) | 您所在的位置:网站首页 › 原生js ajax json › JS的AJAX请求小示例(请求唯美girl网页~) |
一种写法是.ajax()方式 给某个按钮之类的东西绑定点击事件 function uiui(){ $.ajax({ url:"https://www.vmgirls.com/", type:"get", data:{"username":"jack","age":23}, success:function(data){ alert(data); }, error:function(){alert("出错啦!!!");} });}其中 d a t a data data是客户端传给服务器的数据 u r l url url是请求的服务器网址 s u c c e s s success success是响应成功执行的操作,参数是服务器返回的信息 e r r o r error error是相应失败执行的操作 t y p e type type是请求的类型 另一种写法更加简单 $.get(url,[data],[callback],[type])其中 u r l url url是请求路径, d a t a data data是请求携带的参数 c a l l b a c k callback callback是回调函数, t y p e type type是响应结果的类型 比如给某个按钮绑定上下面的函数 function fun(){ $.get("https://www.vmgirls.com/",{username:"jack",age:23},function(data){ alert(data);//弹出服务器过来的数据看看 },"text");}触发函数后,会执行回调函数,让我们看看弹出了啥 这不就是网页内容嘛~ 至于 p o s t post post请求直接把上面的 g e t get get换一下,其他都不变 简短的完整实例代码 Window对象 function uiui() { $.ajax({ url:"https://www.vmgirls.com/", type:"get", data:{"username":"jack","age":23}, success:function(data){ alert(data); }, error:function(){alert("出错啦!!!");} }); } function fun() { $.get("https://www.vmgirls.com/",{username:"jack",age:23},function(data){ alert(data);//弹出服务器过来的数据看看 },"text"); } |
CopyRight 2018-2019 实验室设备网 版权所有 |